extends ../public/layout
block title
    title 产品详情
    block style_for_currentPage
        link(href="../../bower_components/Swiper/dist/css/swiper.min.css",rel="stylesheet")

block content
    .am-g
        .swiper-container
            .swiper-wrapper
                .swiper-slide
                    img.am-img-responsive(src="../../public/images/good1.jpg")
                .swiper-slide
                    img.am-img-responsive(src="../../public/images/good2.jpg")
                .swiper-slide
                    img.am-img-responsive(src="../../public/images/good3.jpg")
                .swiper-slide
                    img.am-img-responsive(src="../../public/images/good4.jpg")
                .swiper-slide
                    img.am-img-responsive(src="../../public/images/good5.jpg")
            .swiper-pagination

    .am-g.py-box
        .am-u-sm-10.am-padding-0
            p.md-font-size.am-margin-bottom-0 Swisse护发护肤护甲口服液500ml支持胶原蛋白生成
        .am-u-sm-2.gray-font.xs-font-size.am-text-right(style="border-left: 1px solid #f5f5f5;")
            i.am-block.am-fr.icon-share
            |分享
        .am-u-sm-12.am-padding-0
            span.money.am-text-danger.lg-font-size ￥129
            del.xs-font-size.pure-gray-font ￥199
        .am-u-sm-4.sm-font-size.gray-font.am-padding-0
            i.am-inline-block.country-icon.australia-icon
            |   澳大利亚品牌
        .am-u-sm-4.sm-font-size.gray-font.am-padding-right-0
            i.am-inline-block.country-icon.post-icon
            |   商品包邮
        .am-u-sm-4.am-text-right.sm-font-size.gray-font.am-padding-right-0 已售：30件
    .am-g.py-box
        .am-u-sm-12.add-border-bottom.am-padding-left-0
            p.md-font-size.am-margin-bottom-sm.am-fl 用户评价(12)
            a.am-fr
                i.am-block.more-icon
        .am-u-sm-3.sm-font-size.am-text-center.am-padding-top-xs
            .explain-list.explain-list1.am-center
            | 正品保障
        .am-u-sm-3.sm-font-size.am-text-center.am-center.am-padding-top-xs
            .explain-list.explain-list2.am-center
            | 买家须知
        .am-u-sm-3.sm-font-size.am-text-center.am-center.am-padding-top-xs
            .explain-list.explain-list3.am-center
            | 质优价廉
        .am-u-sm-3.sm-font-size.am-text-center.am-center.am-padding-top-xs
            .explain-list.explain-list4.am-center
            | 售后无忧

    .am-g#dragBox.sm-font-size.am-margin-top-sm.am-margin-bottom-sm
        p.am-text-center.am-margin-bottom-0 继续拖动，查看图文详情



    .am-g
        .am-tabs(data-am-tabs='')
            ul.am-nav.am-tabs-nav.am-nav-justify.tabTitle
                li.am-active.title-active
                    a.md-font-size(href='#tab1') 图文详情
                li
                    a.md-font-size(href='#tab2') 商品参数
            .am-tabs-bd.am-margin-top-sm
                #tab1.am-tab-panel.am-fade.am-in.am-active.am-padding-0
                    img.am-img-responsive(src="../../public/images/002.jpg")
                    img.am-img-responsive(src="../../public/images/003.jpg")
                    img.am-img-responsive(src="../../public/images/004.jpg")
                    img.am-img-responsive(src="../../public/images/005.jpg")
                    img.am-img-responsive(src="../../public/images/006.jpg")
                #tab2.am-tab-panel.am-fade.am-padding-0
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 产品品牌
                        .am-u-sm-9  Swisse
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 产品名称
                        .am-u-sm-9  Swisse胶原蛋白液
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 产品规格
                        .am-u-sm-9  500ml每瓶
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 适合人群
                        .am-u-sm-9  各种人群，尤其是20岁以上的女性
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 保质期
                        .am-u-sm-9  三年
                    .am-g.good-param.sm-font-size
                        .am-u-sm-3.gray-font 产地
                        .am-u-sm-9  澳大利亚

    .am-g#buyBox
        .am-u-sm-4.am-padding-top-sm.am-padding-bottom-xs
            a
                i.am-block.cart-icon
                    span.am-badge.am-round.xs-font-size#carNumber 12
        .am-u-sm-4.am-padding-0
            button.am-btn#addCart 加入购物车
        .am-u-sm-4.am-padding-0
            button.am-btn.red-btn#buy 立即购买







block script_for_currentPage
    script(src="../../bower_components/amazeui/dist/js/amazeui.min.js" type="text/javascript")
    script(src="../../bower_components/Swiper/dist/js/swiper.min.js" type="text/javascript")
    script(src="../../public/javascripts/goodDetail/gooddetail.js" type="text/javascript")
    script(type='text/javascript').
        $(function () {
            goodDetail.init();
        });





